/*
 Theme Name: Novus
 Theme URI: http://www.mushindesign.co.uk/
 Description: A portfolio template
 Version: 1.0
 Author: Martin Burdon
 Author URI: http://www.mushindesign.co.uk/
 License: GNU General Public License version 3.0
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 */
/**************************************
 
 01. RESET
 02. WORDPRESS CSS
 03. GENERAL
 04. TEXT STYLES
 05. HEADER
 06. HOME STYLES
 07. PORTFOLIO
 08. BLOG
 09. SIDEBAR
 10. CONTACT FORM
 11. FOOTER
 12. BUTTONS
 13. MESSAGE BOXES
 14. ICONS
 15. SLIDES SLIDER
 16. CUSTOM WIDGETS
 17. TABS & TOGGLES
 18. COMMENTS
 
 ***************************************/
/***** 01. RESET *****/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0;
    padding: 0;
    border: 0;
	overflow-x: hidden;
}

/**** 02. WORDPRESS CSS *****/
/* Aligning elements with WYSIWYG editor */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 2px 4px 1px;
}

.gallery-caption {
    margin-left: 0;
}

/* Standard Widget styles */
div.textwidget {
    color: #777777;
    margin-bottom: 0;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

.searchbox {
    overflow: hidden;
}

.searchbox input {
    height: 13px;
    width: 161px;
    margin: 0;
    padding: 9px;
    float: left;
    background: #fcfcfc;
    color: #aaa;
    font: 12px arial;
    -webkit-transition: height .5s, border .5s;
    -moz-transition: height .5s, border .5s;
    -o-transition: height .5s, border .5s;
    transition: height .5s, border .5s;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
    -moz-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
    -o-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
    box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
}

.searchbox .button {
    height: 33px;
    display: block;
    float: left;
    background-color: #333;
    font-size: 11px;
    color: #f5f5f5;
    cursor: pointer;
    padding: 5px 10px 6px 10px;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    margin-left: -2px;
    margin-right: 0;
    border: none;
    position: relative;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}

.searchbox .button:hover {
    color: #ccc;
    padding-left: 15px;
    margin-left: -7px;
}

.search-arrow {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #333;
    position: absolute;
    left: -5px;
    top: 13px;
}

.tagcloud {
    display: block;
    overflow: hidden;
}

.tagcloud a {
    color: #333;
    font-size: 11px;
    margin: 0 10px 10px 0;
    display: block;
    float: left;
}

#footer-container-large.dark .textwidget {
    color: #d1d1d1;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}

#footer-container-large.dark .textwidget p {
    text-shadow: none;
}

/***** 03. GENERAL *****/
body {
    font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    background: #eaf3f5 repeat;
}

#wrapper {
    width: 940px;
    margin: 0px auto 20px auto;
    padding: 0 10px 40px 10px;
    overflow: hidden;
}

#content {
    overflow: visible;
    clear: both;
    padding-top: 5px;
}

#content.min {
    width: 620px;
    padding-right: 30px;
    float: left;
}

.sidebar {
    width: 240px;
    float: left;
}

.sidebar.single-page {
}

.user-content ul {
    color: #666;
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 20px 20px;
    list-style-position: inside;
}

.user-content ul li {
    margin: 0;
    padding: 3px 0 3px 25px;
}

.user-content ol {
    color: #666;
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 20px 20px;
    list-style-position: inside;
}

.user-content ol li {
    margin: 0;
    padding: 3px 0 3px 25px;
}

.user-content {
    clear: both;
    margin-bottom: 60px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* Fluid columns */
.full_width {
    width: 100%;
}

.one_half {
    width: 48%;
}

.one_third {
    width: 30.66%;
}

.two_third {
    width: 65.33%;
}

.one_fourth {
    width: 22%;
}

.three_fourth {
    width: 74%;
}

.one_fifth {
    width: 16.8%;
}

.two_fifth {
    width: 37.6%;
}

.three_fifth {
    width: 58.4%;
}

.four_fifth {
    width: 67.2%;
}

.one_sixth {
    width: 13.33%;
}

.five_sixth {
    width: 82.67%;
}

.full_width, .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    position: relative;
    margin-right: 4%;
    float: left;
    margin-bottom: 20px;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

.clearboth {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

#slider {
    /*clear: both;
    height: 380px;
    margin: 0 0 60px 0;
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;*/
}

.theme-default .nivo-controlNav {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-left: -40px; /* Tweak this to center bullets */
    z-index: 100;
    background: #fff;
    -webkit-border-radius: 2px 0 0 0;
    -moz-border-radius: 2px 0 0 0;
    -o-border-radius: 2px 0 0 0;
    border-radius: 2px 0 0 0;
}

/***** 04. TEXT STYLES *****/
a {
    text-decoration: none;
}

a:hover {
}

p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 18px;
    color: #666666;
    font-weight: normal;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

h1 {
    font-size: 34px;
    margin: 0 0 20px 0;
    color: #333;
}

h1.page-titles {
    margin: 20px 0 60px 0;
    font-size: 26px;
    font-weight: normal;
    padding: 0 0 2px 0; /*Change this to modift HR placement*/
    background: url(images/general/indent-light.png) repeat-x 0 center;
    line-height: 22px;
}

h1.page-titles span {
    padding: 0 10px 0 0;
    background: #eaf3f5 url(images/bg/light.png) repeat;
}

h2 {
    font-size: 24px;
    margin: 0 0 20px 0;
    color: #333;
}

h2.page-titles {
    margin: 20px 0 60px 0;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 2px 0; /*Change this to modift HR placement*/
    background: url(images/general/indent-light.png) repeat-x 0 center;
    line-height: 22px;
}

h2.page-titles span {
    padding: 0 10px 0 0;
    background: #eaf3f5 url(images/bg/light.png) repeat;
}

h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    color: #333;
    line-height: 24px;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

h4 {
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #333;
}

h5 {
    font-size: 12px;
    margin: 0 0 10px 0;
    color: #333;
}

h6 {
    font-size: 12px;
    margin: 0 0 10px 0;
}

.divider {
    background: url(images/general/indent-light.png) repeat-x;
    clear: both;
    height: 2px;
    margin: 40px 0;
}

.divider-sidebar {
    background: url(images/general/indent-light.png) repeat-x;
    clear: both;
    height: 2px;
    margin: 0 0 40px 0;
}

blockquote {
    min-height: 40px;
    font-family: "Droid Serif", Georgia, Times, serif;
    font-style: italic;
    margin-left: 15px;
    padding: 0 40px;
    color: #999;
}

.quote {
    min-height: 40px;
    font-family: "Droid Serif", Georgia, Times, serif;
    font-style: italic;
    margin: 0 0 15px 20px;
    padding: 5px 20px;
    color: #666666;
    width: 33%;
    border-left: 5px solid #aaaaaa;
}

.quote.left {
    float: left;
}

.quote.right {
    float: right;
}

.code {
    font-size: 12px;
    font-family: "andale mono", "lucida console", monospace;
    margin: 10px 0;
    padding: 10px 5px 20px 5px;
    border-left: 10px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    background: #f9f9f9;
    color: #666;
}

.space {
    clear: both;
    height: 80px;
    display: block;
}

img.border {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

/***** 05. HEADER *****/
#header {
    margin: 40px 0 40px 0;
    overflow: hidden;
}

#logo {
    float: left;
    margin: 20px 0;
}

#logo a {
    float: left;
    margin-right: 30px;
}

#logo h1 {
    margin-bottom: 0;
}

#header span {
    float: right;
    font-size: 12px;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 1);
    padding-right: 4px;
    width: 300px;
    text-align: right;
}

/** Dark nav styles **/
#primary-nav-container-dark {
    border-top: 1px solid #2b2e30;
    border-bottom: 1px solid #121314;
    background: #3a3e40 url(images/nav/dark-span.png) repeat-x;
    -webkit-box-shadow: rgba(86, 86, 86, 1) 0 4px 0;
    -moz-box-shadow: rgba(86, 86, 86, 1) 0 4px 0;
    -o-box-shadow: rgba(86, 86, 86, 1) 0 4px 0;
    box-shadow: rgba(86, 86, 86, 1) 0 4px 0;
}

#primary-nav-container-dark #primary-nav {
    width: 940px;
    margin: 0 auto;
    height: 45px;
    background: url(images/nav/dark-sep.png) no-repeat left 0;
}

#primary-nav-container-dark #primary-nav ul {
    list-style: none;
}

#primary-nav-container-dark #primary-nav ul li {
    float: left;
    position: relative;
    background: url(images/nav/dark-sep.png) no-repeat right 0;
}

#primary-nav-container-dark #primary-nav ul li a {
    color: #e3e3e3;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 10px 15px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

#primary-nav-container-dark #primary-nav ul li a:hover {
    color: #ffffff;
}

/* Sub menu styles */
#primary-nav-container-dark #primary-nav ul li ul li {
    background: #3a3e40;
}

#primary-nav-container-dark #primary-nav ul li ul li:first-child {
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 4px 10px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 4px 10px;
    -o-box-shadow: inset rgba(0, 0, 0, 0.5) 0 4px 10px;
    box-shadow: inset rgba(0, 0, 0, 0.5) 0 4px 10px;
}

/* First drop */
#primary-nav-container-dark .sf-menu ul li {
    border-bottom: 1px solid #2c2f32;
}

/*Second Drop */
#primary-nav-container-dark .sf-menu ul li ul li {
    border-bottom: 1px solid #2c2f32;
    top: -1px;
}

/***** 06. HOME STYLES *****/
/** Home widget area **/
.home-widget-area {
    overflow: hidden;
    margin: 0;
    min-height: 100px;
    text-transform: none;
}

/** Default Widget styles **/
.home-widget-box .textwidget {
    font-size: 12px;
    line-height: 18px;
    color: #777777;
    font-weight: normal;
}

.home-widget-box ul {
    list-style: none;
    line-height: 18px;
}

/** Home other **/
.intro {
    overflow: hidden;
    margin: 10px 0 63px 0;
}

.intro h2 {
    font-size: 26px;
    color: #444444;
    font-family: Georgia, serif;
    font-style: oblique;
    text-align: center;
    font-weight: normal;
    line-height: 36px;
}

.intro_cta {
    margin-bottom: 11px;
    overflow: hidden;
}

.intro .button {
    margin-right: 0;
    margin-left: 0;
}

.intro_or {
    text-align: center;
    padding-top: 3px;
    margin-bottom: 0;
}

.intro_third {
    position: relative;
    float: left;
    width: 46%;
    margin-right: 2%;
}

.intro_third_small {
    position: relative;
    float: left;
    width: 4%;
    margin-right: 2%;
}

h3.home-title {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    background: url(images/general/indent-light.png) repeat-x 0 center;
    line-height: 18px;
}

h3.home-title span {
    padding: 0 10px;
    color: #444;
    background: #eaf3f5 url(images/bg/light.png) repeat;
}

/** Home latest work **/
.latest-work {
    overflow: hidden;
    width: 940px;
}

.latest-work-alt {
    width: 960px;
}

.latest-work ul {
    list-style: none;
}

.lwork-nav {
    width: 940px;
    position: relative;
}

span.lwork-next, span.lwork-prev {
    position: absolute;
    z-index: 50;
    cursor: pointer;
    margin-bottom: -17px;
    font-size: 11px;
    top: -214px;
    color: #999;
    background: #eaf3f5 url(images/bg/light.png) repeat;
}

span.lwork-next:hover, span.lwork-prev:hover {
    color: #666;
}

span.lwork-next {
    right: 0px;
    padding-left: 5px;
}

span.lwork-prev {
    left: 0px;
    padding-right: 5px;
}

.work-item-text {
    width: 220px;
    float: left;
    padding: 0 0 0 0;
}

.work-item img { /*Set styles for all work images, including portfolio*/
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.work-item {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
}

.latest-work-alt .work-item {
    margin-bottom: 20px;
}

.work-item .overlay.ov-small {
    height: 150px;
    width: 200px;
    background: url(images/portfolio/overlay-small.png) no-repeat;
    opacity: 0;
    filter: alpha(opacity = 0);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    margin: 10px;
}

.work-item .overlay.ov-med {
    height: 210px;
    width: 280px;
    background: url(images/portfolio/overlay-med.png) no-repeat;
    opacity: 0;
    filter: alpha(opacity = 0);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    margin: 10px;
}

.work-item .overlay.ov-large {
    height: 230px;
    width: 440px;
    background: url(images/portfolio/overlay-large.png) no-repeat;
    opacity: 0;
    filter: alpha(opacity = 0);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    margin: 10px;
}

.work-item .overlay:hover {
    filter: alpha(opacity = 100);
    opacity: 1;
}

.work-item .last {
    margin-right: 0;
}

/** home latest blog **/
.latest-blog {
    margin-top: 20px;
    overflow: visible;
}

.latest-blog-item {
    float: left;
    margin: 0 20px 0 0;
    width: 180px;
    background: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 30px 10px 10px;
    position: relative;
}

.latest-blog-item h5 {
    margin: 0 0 8px 0;
    color: #444444;
}

.latest-blog-item .post-date {
    padding-bottom: 0;
}

.latest-blog-item p {
    margin-bottom: 0;
    color: #999;
}

.latest-blog-item span {
    position: absolute;
    top: -8px;
    right: 5px;
    color: #fff;
    padding: 3px 8px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    width: 15px;
    text-align: center;
}

.comment-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: -6px;
    left: 10px;
}

/***** 07. PORTFOLIO *****/
.portfolio_page {
    width: 960px;
    overflow: hidden;
}

.portfolio_page .work-item {
    margin-bottom: 20px;
}

.portfolio_page .work-item img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.work-item span {
    font-size: 12px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

.twocol .work-info, .threecol .work-info, .fourcol .work-info {
    text-align: center;
    margin-top: 5px;
}

.twocol .work-info {
    width: 460px;
    height: 30px;
}

.threecol .work-info {
    width: 300px;
    height: 30px;
}

.fourcol .work-info {
    width: 220px;
    height: 30px;
}

/*Single page styling*/
.portTitle {
    margin: 20px 0 60px 0;
    background: url(images/general/indent-light.png) repeat-x 0 center;
    position: relative;
    padding: 0;
}

.portTitle h1 {
    font-size: 26px;
    font-weight: normal;
    padding: 0 0 4px 0; /*Change this to modift HR placement*/
    line-height: 22px;
}

.portTitle h1 span {
    padding: 0 10px 0 0;
    background: #eaf3f5 url(images/bg/light.png) repeat;
}

span.backPortfolio {
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 7px;
    padding-left: 10px;
    color: #999;
    background: #eaf3f5 url(images/bg/light.png) repeat;
}

span.backPortfolio:hover {
    color: #666;
}

.two_third.port-single-page iframe, .two_third.port-single-page img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.info-tax ul.portfolio-tax, .info-tax ul.portfolio-tax li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.info-tax ul.portfolio-tax li {
    background: #fff;
    margin: 0 10px 10px 0;
    padding: 2px 5px;
    display: inline-block;
    color: #444;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
}

/*Quicksand*/
ul.filter-list {
    list-style: none;
    padding: 2px 0 0 0;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.filter-arrow {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    position: absolute;
    right: -5px;
    top: 7px;
}

ul.filter-list li {
    list-style: none;
    padding: 0;
    margin: 0 5px 0 5px;
    float: left;
    font-size: 11px
}

ul.filter-list li.filter-by {
    color: #fff;
    background: #333;
    padding: 2px 5px;
    margin-left: 0;
    position: relative;
    margin-right: 10px;
}

ul.filter-list li span { /*Styles for the / separator*/
    margin-right: 5px;
    color: #aaa;
}

ul.filter-list li.active a { /*Selected item*/
    color: #222;
    border-bottom: 2px solid #333;
    padding-bottom: 3px;
}

ul.filter-list li a { /*Normal item state*/
    color: #888;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

ul.filter-list li a:hover { /*Item on hover*/
    color: #444;
}

ul.filter-posts {
    padding: 0;
    margin: 0;
}

ul.filter-posts li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

/***** 08. BLOG *****/
.content-min {
    width: 620px;
    margin: 0 80px 0 0;
    float: left;
}

.content-min.sideleft {
    margin-right: 0;
    margin-left: 80px;
    float: right;
}

.post {
    position: relative;
    margin: 0 0 60px 0;
}

.post .sticky {
    text-transform: uppercase;
    float: left;
    margin-right: 15px;
    color: #444;
}

/** Index page **/
.post-info {
    overflow: hidden;
}

.post-info.postlink {
}

h1.page-titles a {
    color: #444;
}

.post-info.postlink p {
    color: #444;
}

.post-info.postquote {
}

.post-quote p {
    color: #444;
    font-size: 16px;
    line-height: 28px;
}

.post-quote {
    background: url(images/icons/blog/quote-open.png) no-repeat;
    padding: 10px 0 0 30px;
}

.quote-by {
    text-align: right;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
    color: #666;
}

.blog-banner {
    margin-bottom: 10px;
}

.blog-banner img {
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.post-meta {
    width: 140px;
    padding-right: 20px;
    float: left;
}

.post-meta {
    font-size: 11px;
}

.post-meta span {
    color: #999;
}

.post-excerpt {
    float: left;
    width: 460px;
}

.post-bottom-border {
    float: left;
    width: 80px;
    border-bottom: 2px solid #474f51;
}

.post-excerpt iframe {
    margin-bottom: 10px;
}

/*Meta Icons*/
.post-date {
    background: url(images/icons/general/blog-date.png) no-repeat;
    padding: 0 0 10px 30px;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

.post-author {
    background: url(images/icons/general/blog-user.png) no-repeat;
    padding: 0 0 10px 30px;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

.post-comments {
    background: url(images/icons/general/blog-comments.png) no-repeat;
    padding: 0 0 10px 30px;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

.post-sticky {
    background: url(images/icons/general/blog-star.png) no-repeat;
    padding: 0 0 10px 30px;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

.status p {
    font-size: 18px;
    line-height: 28px;
    color: #333;
}

/** Index pagination **/
.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 11px;
    line-height: 13px;
}

.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
    padding: 10px 13px;
    text-decoration: none;
    width: auto;
    color: #333333;
    background: #f9f9f9;
    border: 1px solid #bbb;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.pagination a:hover {
    color: #fff;
}

.pagination .current {
    color: #fff;
}

/**Single page**/
.post-content {
    margin: 20px 0 40px 0;
}

.pagination p.newer {
    float: right;
    background: #f9f9f9;
    border: 1px solid #d6d6d6;
    font-size: 11px;
    padding: 2px 9px 2px 9px;
}

.pagination p.older {
    float: left;
    background: #f9f9f9;
    border: 1px solid #d6d6d6;
    font-size: 11px;
    padding: 2px 9px 2px 9px;
}

.tags {
    margin: 10px 0;
    background: url(images/general/indent-light.png) repeat-x 0 top;
    padding-top: 20px;
}

p.tags a {
    font-size: 11px;
    margin: 0 0 10px 0;
    display: inline-block;
    background: #fff;
    padding: 2px 5px;
    display: inline-block;
    color: #444;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
}

p.tags a:hover {
    color: #ffffff;
    text-shadow: none;
}

#author-info {
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #d0d4d6;
    position: relative;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 2px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 2px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 2px 3px;
    margin: 30px 0 3px 0;
}

#author-info-content {
    overflow: hidden;
}

#author-image {
    float: left;
    width: 80px;
}

#author-bio {
    float: left;
    width: 338px;
}

#author-bio p {
    margin-bottom: 0;
}

/*Blog Gallery*/
.slides_container.blog_gallery img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

/** Archive page **/
.post-archive {
    position: relative;
    margin: 0 0 30px 0;
}

.post-archive h5 {
    margin-bottom: 0;
}

/***** 09. SIDEBAR *****/
.sidebar ul {
    list-style: none;
    margin: 0 0 20px 0;
}

.sidebar ul li ul li {
    list-style: none;
    margin-left: 0;
    padding: 4px 0 4px 0;
    border-top: 1px solid #e9e9e9;
    color: #666;
}

.sidebar ul li ul li:first-child {
    border-top: none;
}

.sidebar ul li ul {
    list-style: inside;
    list-style-type: none;
    padding: 0 0 0 0;
    color: #333;
    font-size: 12px;
}

.sidebar ul li ul li ul {
    margin: 0 0 0 20px;
}

.sidebar .block {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    overflow: hidden;
}

/***** 10. CONTACT FORM *****/
#contact-form ul {
    list-style: none;
    margin: 0;
}

#contact-form ul li {
    list-style: none;
    padding: 0;
    clear: left;
    list-style-position: outside;
}

#contact-form label {
    display: block; /* needed in order to set a width */
    width: 80px;
    float: left;
    height: 17px;
    background: #333;
    text-align: center;
    padding: 8px 0;
    position: relative;
    clear: left;
    color: #fff;
}

#contact-form label.message-area {
    float: none;
    width: 468px;
}

#contact-form label p {
    color: #fff;
    text-shadow: none;
}

#contact-form label.error {
    color: #de2c2c;
    font-size: 12px;
    clear: left;
    float: left;
    background: none;
    width: auto;
    padding: 0 0 40px 0;
}

.contact-arrow {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    position: absolute;
    right: -5px;
    top: 13px;
}
@-moz-document url-prefix() {
			.contact-arrow, .contact-message-arrow {
				display: none;
			}
		}
		
		.contact-message-arrow {
			width: 0;
			height: 0;
			border-top: 5px solid #333;
			border-right: 5px solid transparent; 
			border-left:5px solid transparent;
			position: absolute;
			right: 230px;
			bottom: -5px;
		}

	input:focus, textarea:focus { outline: none; } /*Remove Chromes auto orange border */

	#contact-form input[type=text], textarea {
		height: 13px;
		width: 270px;
		margin: 0 0 20px 0;
		padding: 9px;
		float: left;
		background: #fcfcfc;
		color: #aaa;
		font: 12px arial;
		border: 1px solid #c9c9c9;
		-webkit-transition: height .5s, border .5s;
		-moz-transition: height .5s, border .5s;
		-o-transition: height .5s, border .5s;
		transition: height .5s, border .5s;
		-webkit-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
		-moz-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
		-o-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
		box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
	}

	#contact-form textarea {
		height: 170px;
		width: 450px;
		margin-bottom: 20px;
		border: 1px solid #c9c9c9;
		font: 12px arial; 
		-webkit-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
		-moz-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
		-o-box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
		box-shadow: inset rgba(0, 0, 0, .15) 0 1px 6px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		resize: none;
		}
	
	#contact-form input[type=text]:focus, #contact-form textarea:focus {
		background-color: #f5f0eb;
	}
	
	#contact-form .button {
		border: none;
		display:block;
		float:left;
		margin:10px 7px 0 0;
		background-color:#333;
		font-size: 11px;
		color:#f5f5f5;
		cursor:pointer;
		padding:5px 10px 6px 7px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	
		#contact-form .button:hover{
			background-color:#888;
		}
	
	#contact-form br { clear: left; }
		
/***** 11. FOOTER *****/
	#footer-container-large {
		bottom: 0;
		width: 100%;
		min-height: 250px;
		overflow: hidden;
		font-size: 12px;
		margin-top: 0;
	}
	
		#footer-large {
			padding: 40px 10px;
			width: 940px;
			margin: 0 auto;
			overflow: hidden;
		}
		
	#footer-container-small {
		bottom: 0;
		width: 100%;
		height: 40px;
		overflow: hidden;
	}
	
		#footer-small {
			padding: 12px 10px;
			width: 940px;
			margin: 0 auto;
		}
	
	
	/** Dark footer styles **/
	.footer-container-large-dark { 
		background: #1b1b1b url(images/bg/footer-bg.png) repeat !important;
		border-top: 1px solid #fff;
		bottom:0px !important;
		-webkit-box-shadow:inset rgba(0, 0, 0, 0.5) 0 5px 10px;
		-moz-box-shadow:inset rgba(0, 0, 0, 0.5) 0 5px 10px;
		-o-box-shadow:inset rgba(0, 0, 0, 0.5) 0 5px 10px;
		box-shadow:inset rgba(0, 0, 0, 0.5) 0 5px 10px;
	}
	#footer-container-small.dark { background: #111; border-top: 1px solid #292929; }
	
	#footer-container-large.dark a {
		color: #fff;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-bottom: 1px dotted #888;
		padding-bottom: 1px;
	}
	#footer-container-large.dark a:hover { /*Dynamically defined in colors.php*/ }
	
	#footer-container-large.dark h1,
	#footer-container-large.dark h2,
	#footer-container-large.dark h3,
	#footer-container-large.dark h4,
	#footer-container-large.dark h5
	{ color: #ebebeb; }
	#footer-container-large.dark p,
	#footer-container-large.dark li
	{ color: #d1d1d1; }
	#footer-container-large.dark li
	{ padding: 8px 0 8px 0; }
	#footer-container-large.dark li:first-child { background: none; padding-top: 0; }
	
	#footer-container-small.dark a { color: #888; font-size: 11px; }
	#footer-container-small.dark a:hover { color: #666; }
	
	#footer-container-small.dark h1,
	#footer-container-small.dark h2,
	#footer-container-small.dark h3,
	#footer-container-small.dark h4,
	#footer-container-small.dark h5
	{ color: #ebebeb; }
	#footer-container-small.dark p { font-size: 11px; padding-top: 0px; color: #ebebeb; text-shadow: none; }
	
	#footer-container-large li { list-style: none; line-height: 18px; }
	
	#footer-container-large h5 {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	/** Footer Widgets styling **/
	#footer-container-large.dark .textwidget {
		color: #d1d1d1;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
		text-shadow: none;
	}
	
	#footer-container-large.light .textwidget {
		color: #a3a3a3;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
	#twitter-tweets ul {
		float: left;
		list-style-type: none;
	}

		#twitter-tweets ul li {
			padding-bottom: 15px;
		}

			#twitter-tweets ul li span { 
				display: block; 
			}
			
				#twitter-tweets ul li span a { font-size: 12px;	}

			#twitter-tweets ul li a { font-size: 10px; }

				#twitter-tweets ul li a:hover {  }
				
			ul#social {
				list-style: none;
				float: right;
			}
			
				ul#social li {
					float: left;
					width: 16px;
					height: 16px;
					padding-left: 10px;
				}
				
					ul#social li a {
						opacity: 0.70;
						filter: alpha(opacity=70);
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}
					
						ul#social li a:hover {
							filter: alpha(opacity=100);
							opacity: 1;
							}
							
/***** 12. BUTTONS *****/
	.round {
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
	}

	.square {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		}

	.button {
		text-align: center;
		margin: 0 10px 10px 10px;
		display: inline-block;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.button.large {
		height: 16px;
		padding: 10px 20px;
		font-size: 16px;
		line-height: 16px;
	}

	.button.small {
		height: 15px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 14px;
	}

	.button span {
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		font-weight: bold;
		display: block;
	}
	
	.button.black span {
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
		font-weight: bold;
		display: block;
	}

	.button.large.green { background: url(images/general/btn-fade.png) repeat-x 0 0 #8bbd13; border: 1px solid #7aa514; color: #4b6718; }
	.button.large.green:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #8bbd13;}
	.button.small.green { background: url(images/general/btn-fade.png) repeat-x 0 0 #8bbd13; border: 1px solid #7aa514; color: #4b6718; }
	.button.small.green:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #8bbd13;}

	.button.large.orange { background: url(images/general/btn-fade.png) repeat-x 0 0 #ef9007; border: 1px solid #c77f18; color: #804412; }
	.button.large.orange:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #ef9007;}
	.button.small.orange { background: url(images/general/btn-fade.png) repeat-x 0 0 #ef9007; border: 1px solid #c77f18; color: #804412; }
	.button.small.orange:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #ef9007;}

	.button.large.blue { background: url(images/general/btn-fade.png) repeat-x 0 0 #305875; border: 1px solid #243541; color: #123e5b; }
	.button.large.blue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #305875;}
	.button.small.blue { background: url(images/general/btn-fade.png) repeat-x 0 0 #305875; border: 1px solid #243541; color: #123e5b; }
	.button.small.blue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #305875;}

	.button.large.lightblue { background: url(images/general/btn-fade.png) repeat-x 0 0 #26acce; border: 1px solid #3c8496; color: #046077; }
	.button.large.lightblue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #26acce;}
	.button.small.lightblue { background: url(images/general/btn-fade.png) repeat-x 0 0 #26acce; border: 1px solid #3c8496; color: #046077; }
	.button.small.lightblue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #26acce;}

	.button.large.red { background: url(images/general/btn-fade.png) repeat-x 0 0 #d33939; border: 1px solid #a03535; color: #63130b; }
	.button.large.red:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #d33939;}
	.button.small.red { background: url(images/general/btn-fade.png) repeat-x 0 0 #d33939; border: 1px solid #a03535; color: #63130b; }
	.button.small.red:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #d33939;}

	.button.large.purple { background: url(images/general/btn-fade.png) repeat-x 0 0 #9a50b9; border: 1px solid #5f2f73; color: #3b2245; }
	.button.large.purple:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #9a50b9;}
	.button.small.purple { background: url(images/general/btn-fade.png) repeat-x 0 0 #9a50b9; border: 1px solid #5f2f73; color: #3b2245; }
	.button.small.purple:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #9a50b9;}

	.button.large.black { background: url(images/general/btn-fade.png) repeat-x 0 0 #1c1c1c; border: 1px solid #000000; color: #ffffff; }
	.button.large.black:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #1c1c1c;}
	.button.small.black { background: url(images/general/btn-fade.png) repeat-x 0 0 #1c1c1c; border: 1px solid #000000; color: #ffffff; }
	.button.small.black:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #1c1c1c;}

	.button.large.white { background: url(images/general/btn-fade.png) repeat-x 0 0 #efefef; border: 1px solid #d3d3d3; color: #414141; }
	.button.large.white:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #efefef; color: #616161;}
	.button.small.white { background: url(images/general/btn-fade.png) repeat-x 0 0 #efefef; border: 1px solid #d3d3d3; color: #414141; }
	.button.small.white:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #efefef; color: #616161;}
	
/***** 13. MESSAGE BOXES *****/
	/** Coloured notice boxes **/
	.message {
		padding: 20px 20px 20px 20px;
		margin: 0 0 40px 0;
	}
	
		.message p {
			text-shadow: none;
		}
		
		.message a { border-bottom: 1px dotted; }
	
	.message.info.nospace,
	.message.warning.nospace,
	.message.success.nospace,
	.message.error.nospace,
	.message.general.nospace { margin-top: 0; }
		
		.message.info {
			background: #78bad2;
			border-top: 1px solid #336476;
			border-bottom: 1px solid #336476;
			color: #336476;
		}
		
			.message.info p, .message.info h1, .message.info h2, .message.info h3, .message.info h4, .message.info a {	color: #336476;	}
		
		.message.warning {
			background: #e59f30;
			border-top: 1px solid #9e660c;
			border-bottom: 1px solid #9e660c;
			color: #9e660c;
		}
		
			.message.warning p, .message.warning h1, .message.warning h2, .message.warning h3, .message.warning  h4, .message.warning  a { color: #9e660c; }
		
		.message.success {
			background: #a4cd37;
			border-top: 1px solid #5d751c;
			border-bottom: 1px solid #5d751c;
			color: #5d751c;
		}
		
			.message.success p, .message.success h1, .message.success h2, .message.success h3, .message.success  h4, .message.success  a { color: #5d751c; }
		
		.message.error {
			background: #ea5044;
			border-top: 1px solid #5d2521;
			border-bottom: 1px solid #5d2521;
			color: #923e2e;
		}
		
			.message.error p, .message.error h1, .message.error h2, .message.error h3, .message.error  h4, .message.error  a { color: #5d2521; }
		
		.message.general {
			background: #fafafa;
			border-top: 1px solid #d6d6d6;
			border-bottom: 1px solid #d6d6d6;
			color: #999999;
		}
		
			.message.general p, .message.general h1, .message.general h2, .message.general h3, .message.general  h4, .message.general  a { color: #b1b1b1; }
		
		/** Standard plain boxes **/
		.box {
			width: 100%;
			overflow: hidden;
			margin: 0 0 30px 0;
		}
		
			.box a {
				border-bottom: 1px dotted;
			}
		
			.box.light .box-title {
				background: #3f3f3f;
				color: #f9f9f9;
				padding: 8px 15px;
				font-size: 16px;
			}
			
			.box.light .box-body {
				background: #f8f8f8;
				color: #666;
				border-left: 1px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
				border-bottom: 1px solid #e1e1e1;
				padding: 10px 15px;
				font-size: 12px;
				line-height: 18px;
			}
			
			.box.light .box-body a {
				border-bottom: 1px dotted #333;
				color: #333;
			}
			
			.box.dark .box-title {
				background: #f8f8f8;
				color: #666;
				padding: 8px 15px;
				font-size: 16px;
				border-left: 1px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
				border-top: 1px solid #e1e1e1;
			}
			
			.box.dark .box-body {
				background: #3f3f3f;
				color: #f9f9f9;
				border-left: 1px solid #393939;
				border-right: 1px solid #393939;
				border-bottom: 1px solid #393939;
				padding: 10px 15px;
				font-size: 12px;
				line-height: 18px;
			}
			
			.box.dark .box-body a {
				color: #fff;
				border-bottom: 1px dotted #fff;
			}
	
/***** 14. ICONS *****/
	/** List icons **/
	ul.icon_list { list-style: none; }
	ul.icon_list li { padding: 0 0 0 20px; line-height: 26px; }
	ul.add li { background: url(images/icons/list/bullet_add.png) no-repeat 0 50%; }
	ul.black li { background: url(images/icons/list/bullet_black.png) no-repeat 0 50%; }
	ul.blue li { background: url(images/icons/list/bullet_blue.png) no-repeat 0 50%; }
	ul.delete li { background: url(images/icons/list/bullet_delete.png) no-repeat 0 50%; }
	ul.go li { background: url(images/icons/list/bullet_go.png) no-repeat 0 50%; }
	ul.green li { background: url(images/icons/list/bullet_green.png) no-repeat 0 50%; }
	ul.orange li { background: url(images/icons/list/bullet_orange.png) no-repeat 0 50%; }
	ul.pink li { background: url(images/icons/list/bullet_pink.png) no-repeat 0 50%; }
	ul.purple li { background: url(images/icons/list/bullet_purple.png) no-repeat 0 50%; }
	ul.red li { background: url(images/icons/list/bullet_red.png) no-repeat 0 50%; }
	ul.star li { background: url(images/icons/list/bullet_star.png) no-repeat 0 50%; }
	ul.yellow li { background: url(images/icons/list/bullet_yellow.png) no-repeat 0 50%; }
	ul.tick li { background: url(images/icons/list/tick.png) no-repeat 0 50%; }
	ul.cross li { background: url(images/icons/list/cross.png) no-repeat 0 50%; }

	/** Header icons **/
		h2.icon {
			padding: 5px 0 5px 48px;
			margin-bottom: 0px;
			height: 32px;
		}

			h2.icon.address { background: url(images/icons/header/light/address.png) no-repeat 0 0; }
			h2.icon.advertising { background: url(images/icons/header/light/advertising.png) no-repeat 0 0; }
			h2.icon.bank { background: url(images/icons/header/light/bank.png) no-repeat 0 0; }
			h2.icon.basket { background: url(images/icons/header/light/basket.png) no-repeat 0 0; }
			h2.icon.bestseller { background: url(images/icons/header/light/bestseller.png) no-repeat 0 0; }
			h2.icon.check { background: url(images/icons/header/light/check.png) no-repeat 0 0; }
			h2.icon.communication { background: url(images/icons/header/light/communication.png) no-repeat 0 0; }
			h2.icon.contact { background: url(images/icons/header/light/contact.png) no-repeat 0 0; }
			h2.icon.current-work { background: url(images/icons/header/light/current-work.png) no-repeat 0 0; }
			h2.icon.customers { background: url(images/icons/header/light/customers.png) no-repeat 0 0; }
			h2.icon.date { background: url(images/icons/header/light/date.png) no-repeat 0 0; }
			h2.icon.drawings { background: url(images/icons/header/light/drawings.png) no-repeat 0 0; }
			h2.icon.email { background: url(images/icons/header/light/email.png) no-repeat 0 0; }
			h2.icon.featured { background: url(images/icons/header/light/featured.png) no-repeat 0 0; }
			h2.icon.heart { background: url(images/icons/header/light/heart.png) no-repeat 0 0; }
			h2.icon.home { background: url(images/icons/header/light/home.png) no-repeat 0 0; }
			h2.icon.illustration { background: url(images/icons/header/light/illustration.png) no-repeat 0 0; }
			h2.icon.lightbulb { background: url(images/icons/header/light/lightbulb.png) no-repeat 0 0; }
			h2.icon.login { background: url(images/icons/header/light/login.png) no-repeat 0 0; }
			h2.icon.logout { background: url(images/icons/header/light/logout.png) no-repeat 0 0; }
			h2.icon.my-account { background: url(images/icons/header/light/my-account.png) no-repeat 0 0; }
			h2.icon.pen { background: url(images/icons/header/light/pen.png) no-repeat 0 0; }
			h2.icon.pencil { background: url(images/icons/header/light/pencil.png) no-repeat 0 0; }
			h2.icon.photography { background: url(images/icons/header/light/photography.png) no-repeat 0 0; }
			h2.icon.plus { background: url(images/icons/header/light/plus.png) no-repeat 0 0; }
			h2.icon.premium { background: url(images/icons/header/light/premium.png) no-repeat 0 0; }
			h2.icon.process { background: url(images/icons/header/light/process.png) no-repeat 0 0; }
			h2.icon.product { background: url(images/icons/header/light/product.png) no-repeat 0 0; }
			h2.icon.product-alt { background: url(images/icons/header/light/product-alt.png) no-repeat 0 0; }
			h2.icon.search { background: url(images/icons/header/light/search.png) no-repeat 0 0; }
			h2.icon.settings { background: url(images/icons/header/light/settings.png) no-repeat 0 0; }
			h2.icon.showreel { background: url(images/icons/header/light/showreel.png) no-repeat 0 0; }
			h2.icon.star { background: url(images/icons/header/light/star.png) no-repeat 0 0; }
			h2.icon.statistics { background: url(images/icons/header/light/statistics.png) no-repeat 0 0; }
			h2.icon.world { background: url(images/icons/header/light/world.png) no-repeat 0 0; }
			
	/*Contact page icons*/
	p.contact-icon {
			padding: 0 0 0 25px;
			margin-bottom: 20px;
			height: 16px;
		}

			p.contact-icon.address { background: url(images/icons/contact/address.png) no-repeat 0 0; }
			p.contact-icon.phone { background: url(images/icons/contact/phone.png) no-repeat 0 0; }
			p.contact-icon.phone-alt { background: url(images/icons/contact/phone-alt.png) no-repeat 0 0; }
			p.contact-icon.email { background: url(images/icons/contact/email.png) no-repeat 0 0; }
			p.contact-icon.location { background: url(images/icons/contact/location.png) no-repeat 0 0; margin: 0 0 10px 0; }
	
/***** 15. SLIDES SLIDER *****/
	.slides-slider { position: relative; }
	  
	 /** Styles for slider in blog for GALLERY post type **/
	 .slides_container {
		width:460px;
		height:330px;
	  }
	  
	  .slides_container div {
		width:440px;
		height:300px;
		display:block;
	  }
	  
	.slides-slider ul.paginationPostGallery {
		list-style: none;
		font-size: 0px;
		padding: 0 0 7px 0;
		margin: 0;
		float: left;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 100; 
		background: #fff;
		-webkit-border-radius: 0 0 0 2px;
		-moz-border-radius: 0 0 0 2px;
		-o-border-radius: 0 0 0 2px;
		border-radius: 0 0 0 2px;
	}
	.slides-slider ul.paginationPostGallery li { float: left; padding: 0 3px 0 0; }
	.slides-slider ul.paginationPostGallery li a { -webkit-border-radius: 10px;	-moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 7px 0 0px 7px; height: 10px; width: 10px; float: left; text-indent: -99999px; background: #eaeaea; -webkit-box-shadow: inset rgba(0, 0, 0, .20) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, .20) 0 1px 2px; -o-box-shadow: inset rgba(0, 0, 0, .20) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, .20) 0 1px 2px;  }
	.slides-slider ul.paginationPostGallery li.currentPostGallery a { /*Defined dynamically in colours.php*/ }
	
	/** Styles for slider in PORTFOLIO single page **/
	.slides_container_portfolio {
		width:620px;
	  }
	  
	  .slides_container_portfolio div {
		width:600px;
		display:block;
	  }
	  
	.slides-slider ul.paginationPortfolio {
		list-style: none;
		font-size: 0px;
		padding: 0 10px 7px 0;
		margin: 0;
		float: left;
		position: absolute;
		top: 10px;
		right: -4px;
		z-index: 100; 
		background: #fff;
		-webkit-border-radius: 0 0 0 2px;
		-moz-border-radius: 0 0 0 2px;
		-o-border-radius: 0 0 0 2px;
		border-radius: 0 0 0 2px;
	}
	.slides-slider ul.paginationPortfolio li { float: left; padding: 0 3px 0 0; }
	.slides-slider ul.paginationPortfolio li a { -webkit-border-radius: 10px;	-moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 7px 0 0px 7px; height: 10px; width: 10px; float: left; text-indent: -99999px; background: #eaeaea; -webkit-box-shadow: inset rgba(0, 0, 0, .20) 0 1px 2px; -moz-box-shadow: inset rgba(0, 0, 0, .20) 0 1px 2px; -o-box-shadow: inset rgba(0, 0, 0, .20) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, .20) 0 1px 2px; }
	.slides-slider ul.paginationPortfolio li.currentPortfolio a { /*Defined dynamically in colours.php*/ }
	
	/*Styles for slider in TESTIMONIAL widget*/
	.slides-slider-testimonial { /*slide container*/
		position: relative;
	}
	
	.slides_container_testimonial { /*slide viewport*/
		width:200px;
	  }
	  
	  .slides_container_testimonial div {
		width:200px;
		display:block;
		color: #666;
		font-size: 12px;
	  }
	  
	  .slides_container_testimonial div p.test-comment {
		line-height: 28px;
	  }
	  
	  .slides_container_testimonial div p.client {
		float: right;
		font-weight: bold;
	  } 
		
	.slides-slider-testimonial ul.paginationTestimonial { list-style: none; font-size: 0px; padding: 0; margin: 0; float: left; position: absolute; top: 10px; right: 10px; z-index: 100;  display: none; }
	.slides-slider-testimonial ul.paginationTestimonial li { float: left; padding: 0 0 0 3px; }
	.slides-slider-testimonial ul.paginationTestimonial li a { -webkit-border-radius: 10px;	-moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-left: 3px; height: 6px; width: 6px; float: left; border: 2px solid #ddd; color: #B8C4CF; text-indent: -99999px; }
	.slides-slider-testimonial ul.paginationTestimonial li.currentTestimonial a { background-color: #ddd; color: #FFFFFF; }
	
/***** 16. CUSTOM WIDGETS *****/
	span.skill-widget-title { margin: 0 0 5px 0; display: block }
	.skill-stars {  }
	.skills-widget-item { margin: 0 0 10px 0; border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
	.widget-star { margin-right: 7px; }
	
	.block iframe {
		-webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
	}
/***** 17. TABS & TOGGLES *****/
	/** Tabs **/
	#blogWidgetTabs { margin-bottom: 0; }
	.tabs { margin-bottom: 20px; position: relative; top: -13px; zoom: 1; }
	.sidebar .tabs { top: 0; }
	ul.idTabs { padding: 0; margin: 0;}
			
		.tabs ul.idTabs li {
			list-style: none;
			float: left;
			padding-bottom: 0;
			padding-left: 0;
			padding-top: 0;
			height: 30px;
			margin-bottom: 1px;
			position: relative;
		}
		
		.idTabs li a {
			padding: 8px;
			margin-right: 4px;
			display: block;
			margin-left: 0;
			text-decoration: none!important;
			font-size: 12px;
			border-bottom: none;
			text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
			color: #999;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			-o-transition: all .2s;
			transition: all .2s;
		}
		
			.idTabs li a:hover {
				color: #333;
			}
			
			.tabs a {
				border-bottom: 1px dotted #888;
				padding-bottom: 1px;
				color: #333;
			}
			
		
		.idTabs li a.selected {
			color: #333;
			cursor: default;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
			background: #fff;
			-webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
			-moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
			-o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
			box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		}
		
		.tabs div {
			padding: 10px 0 0 0;
			clear: left;
			font-size: 12px;
			color: #888;
			overflow: hidden;
			line-height: 18px;
			position: relative;
			z-index: 50;
		}
		
		/**tab list styling**/
		.tabs div li {
			list-style: none;
			padding: 8px 0 8px 0;
			border-top: 1px solid #ddd;
		}
		
		.tabs div li:first-child { border-top: none; }
		
		.tabs div li ul {
			margin: 0 0 0 20px;
		}
		
		.tabs #tabsPosts .tabLatestPost {
			border: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-o-box-shadow: none;
			box-shadow: none;
			}
		
		.tabs #tabsPosts .tabLatestPost h5 {
			margin-top: 0;
			margin-bottom: 0;
			color: #444;
		}
		
		p.tabs_recent_posts {
			font-size: 11px;
			color: #888;
		}
		
		.tabs #tabsPosts .tabLatestPost img{
			float: left;
			margin: 0 10px 3px 0;
			padding: 5px;
			background: #fff;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			-webkit-box-shadow: rgba(0, 0, 0, .10) 0 1px 3px;
			-moz-box-shadow: rgba(0, 0, 0, .10) 0 1px 3px;
			-o-box-shadow: rgba(0, 0, 0, .10) 0 1px 3px;
			box-shadow: rgba(0, 0, 0, .10) 0 1px 3px;
		}
		
			.tabs #tabsPosts .tabLatestPost img:hover {
				opacity: 0.8;
				filter: alpha(opacity=80);
			}
		
		.tabs #tabsTags a {
			color: #666666;
			font-size: 11px;
			margin: 0 10px 10px 0;
			display: block;
			float: left;
			border-bottom: 1px dotted #ccc;
			font-style: oblique;
		}
		
		.tabs #tabsCats li {
			background: url(images/general/footer-dot-light.png) repeat-x 0 top;
			border: none;
		}
		
			.tabs #tabsCats a {
				color: #666;
			}
		
		.tabs #tabsCats li:first-child {
			background: none;
			border: none;
		}
		
	/** Toggles **/
	.toggler {
		overflow: hidden;
		margin: 0 0 20px 0;
	}
	
	h4.trigger {
		padding: 10px 20px 10px 36px;
		margin: 0;
		border: 1px solid #d3d3d3;
		background: #f9f9f9 url(images/icons/general/toggle-plus.png) no-repeat 10px 50%;
		height: 16px;
		line-height: 16px;
		font-size: 12px;
		font-weight: normal;
		cursor: pointer;
	}
	
		h4.trigger a {
			color: #777;
			text-decoration: none;
			display: block;
		}
	
			h4.trigger a:hover { color: #444; }
	
			h4.active {background: #f9f9f9 url(images/icons/general/toggle-minus.png) no-repeat 10px 50%;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
	
	.toggle_container {
		margin: 0 0 5px;
		padding: 0;
		border-left: 1px solid #d3d3d3;
		border-right: 1px solid #d3d3d3;
		border-bottom: 1px solid #d3d3d3;
		background: #fcfcfc url(toggle_block_stretch.gif) repeat-y left top;
		overflow: hidden;
		font-size: 12px;
		clear: both;
	}
	
		.toggle_container .toggle_block {
			padding: 10px; /*--Padding of Container--*/
			line-height: 18px;
			color: #666;
		}
		
/***** 18. COMMENTS *****/
	.comments {
		padding: 0 0 0 0;
	}

	ol#comments_section { /*Whole list of comments*/
		margin: 20px 0 0 70px;
		list-style: none;
	}

		ol#comments_section li { /*Single comment*/
			list-style: none;
		}

			ol#comments_section li.comment { /*Single comment*/
				padding-left: 0;
			}

		ol#comments_section ul {
			margin: 0;
		}

			ol#comments_section ul.children {
				margin-left: 70px;
			}

		.comment-body {
			position: relative;
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px dotted #bbbbbb;
		}
		
			.comment-body p {
				font-size: 11px;
				color: #666;
				margin-top: 40px;
			}
		
		.comment-author .avatar {
			position: absolute;
			left: -70px;
		}
		
			.comment img.avatar {
				border: 1px solid #e2e2e2;
				padding: 4px;
				background: #f9f9f9;
			}
			
		
		.comment-author {
			overflow: hidden;
			margin-bottom: 10px;
		}

			.comment-author .avatar {
				float: left;
				margin: 0 20px 0 0;
			}
			
			.comment-author .fn {
				font-weight: bold;
				position: relative;
				color: #333;
				font-style: normal;
			}
			
			.comment-author .says { display: none; }
			
			.comment-author a {
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
			}
			
				.comment-author a:hover {
				}
			
		.comment-meta {
			margin-bottom: 25px;
			position: absolute;
			top: 20px;
		}
		
			.comment-meta a {
				color: #777777;
				font-size: 11px;
			}
		
		.comment-reply-link {
			font-size: 11px;
		}
		
			.comment-reply-link:hover {
			}
			
		.comment-awaiting-moderation {
			margin-top: 25px;
			display: block;
		}
			
		#respond {
			margin-top: 35px;
		}
			
		#commentform {
			margin-bottom: 20px;
			overflow: hidden;
		}
			
			#commentform  label {
				display:block; /* needed in order to set a width */
				width:300px;
				margin: 20px 0 10px 0;
			}
			
			#commentform textarea {
				width:400px;
				height:100px;
			}

		input:focus, textarea:focus { outline: none; } /*Remove Chromes auto orange border */

		#commentform input[type=text], textarea {
		height: 15px;
		width: 270px;
		margin: 0 0 20px 0;
		padding: 8px;
		float: left;
		background: #fcfcfc;
		color: #aaa;
		font: 12px arial;
		border: 1px solid #cdcdcd;
		-webkit-border-radius: 2px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: height .5s, border .5s;
		-moz-transition: height .5s, border .5s;
		-o-transition: height .5s, border .5s;
		transition: height .5s, border .5s;
		-webkit-box-shadow: rgba(0, 0, 0, .10) 0 1px 2px;
		-moz-box-shadow: rgba(0, 0, 0, .10) 0 1px 2px;
		-o-box-shadow: rgba(0, 0, 0, .10) 0 1px 2px;
		box-shadow: rgba(0, 0, 0, .10) 0 1px 2px;
		}
	
		#commentform textarea { height: 170px; width: 450px; margin-bottom: 20px; border: 1px solid #cdcdcd; font: 12px arial; }
	
		#commentform input[type=text]:hover, textarea:hover { border-color: #aaa; }
	
		#commentform input[type=text]:focus, textarea:focus {
			-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
			-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
			font-size: 12px;
			color: #777;
			border-color: #aaa;
		}
		
		#commentform .button {
			border: none;
			display:block;
			float:left;
			margin:10px 7px 0 0;
			background-color:#333;
			font-size: 11px;
			color:#f5f5f5;
			cursor:pointer;
			padding:5px 10px 6px 7px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
		}
		
			#commentform .button:hover{
				background-color:#888;
			}
		
		#commentform br { clear: left; }